:root {
    --mainFont: 'Cairo', sans-serif;
    --ltrSpace:0;
    --ltrSpace2:0;
    --alignDirection:Right;
    --alignDirectionNot:Left;
}

html {
    direction: rtl;
}


/* ***************** NavBar  Section ************************************ */

nav .cntnr {
    flex-direction: row-reverse;
}
nav .nav-div-1flex{
    flex-direction: row-reverse;
}


/********************************************* *Section  Slider  DESIGN8 ****************************************/



#DESIGN8 h5 {
    letter-spacing: 0px;}

#DESIGN8 .slide4 h2 span {
line-height: 80px;
}

@media  (max-width: 768px) {

#DESIGN8 .slide4 h2 span {
    line-height: 55px;
    }
}
@media  (max-width: 600px) {
    #DESIGN8 .slide4 h2 span {
        line-height: 30px;
        }
}

/* ***************** Clients  Section DESIGN10 ************************************ */

#DESIGN10 .cntnr>div:first-child>div:first-child {
    letter-spacing: 0;
}


/* ***************** MsgCEO  Section ************************************ */
.MsgCEO .cntnr { 
    flex-direction: row-reverse;
}



#ftr .ftrBtm {
    direction: ltr;
       padding: 20px  0;
       color: #fff ;
   
   }

   .colorWite{
       color: white !important;
   }

@media (max-width:768px) {
    /* ***********************  section Steps  ************************** */
    .steps-div-3flex>div>img {
        width: 111%;
        left: 0rem;
    }
}



































.haderText1
{
    font-family: Poppins, sans-serif;
    Font-size: .875rem;
    Font-weight: 400;
    Line-height: 1.5rem;
    color: rgb(104, 104, 118);
   
}




.lastHader12
{
font-family: "Poppins SemiBold", sans-serif;
Font-size: 2rem; 
Font-weight: 400;

color: rgb(23, 23, 33);

margin-block-start: 0;



}
.sacondText{
Font-size: 14px;
Font-weight: 400;
Line-height: 24px;
color: rgb(104, 104, 118);
margin-block-start: 0;
}

/* .baImg .card-body ,.adgant .card{
background-color: rgb(249,249,249) !important;
} */
.imgText img{
width:720.008px;
height: 402.281px;
}

.dispalynone{
opacity: 0;
}
.imgObjectives{
animation-duration: 2s;

}

/* section  advantages*/

.adgant{
background-color: rgb(255,255,255);
}
.adgant h4{
margin-block-start: 0;
margin-block-end: 0;
line-height:0;
}

.animat1 i{
transition: transform  3s;
font-size: 50px;
-webkit-transition: transform  3s;
-moz-transition: transform  3s;
-ms-transition: transform  3s;
-o-transition: transform  3s;
}
.card-body,.card,.colorcard{
background-color: rgb(255,255,255) !important;

}

.animate__animated {
 animation-duration: 1s; 
}
.animat1:hover i{
/* transform: scale(1.7,1.7);  */
color: rgb(0,194,130);
 animation-name: pulse;
animation-duration: 1s;
animation-iteration-count: infinite;
/* animation-iteration-count: infinite; */
}


.baImg{
background-color: #FFFFFF;
}

.baImg .card{
overflow: hidden;
}

.baImg .card img{
transition:all 1.5s ;
-webkit-transition:all 1.5s ;
-moz-transition:all 1.5s ;
-ms-transition:all 1.5s ;
-o-transition:all 1.5s ;
}
.baImg .card:hover .ImgScles{

transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
}
.baImg .card-title{
font-family: "Poppins SemiBold", sans-serif;
Font-size: 20px;
Font-weight: 400;
Line-height: 30px;
color: black; 
}
.baImg .card-title:hover {
color: rgb(10, 110, 221);
}

.baImg .btnHover:hover{
background-color:rgb(0,194,130) ;
}

.baImg .btnHover{
font-family: Poppins, sans-serif;
Font-size: 14px;
Font-weight: 600;
Line-height: 24px;
color: rgb(255, 255, 255);
}





/* section How it Works */

.bgSectionWork{
background-image: url(../images/bg_section3.jpg);
background-size: 100% 100%;
width: 100%;
height: 100vh


}
.bgSectionWork .imgLiftMan{
transform:  translate(40%,10px);
-webkit-transform:  translate(40%,10px);
-moz-transform:  translate(40%,10px);
-ms-transform:  translate(40%,10px);
-o-transform:  translate(40%,10px);
transform:scale(1.2,1.2);
}
.imggg{
width: 100%;
height: 237.338;
}


.TextCenterImages{
position: absolute;
top: 105%;
left: 0%;

}
.TextCenterImages h5
{
color: rgb(0,194,130);
margin: 0 !important;
padding: 0 !important;
}
.TextCenterImages h3{
font-family: "Poppins SemiBold", sans-serif;
Font-size: 24px;
Font-weight: 600;
Line-height: 28px;
margin: 0 !important;
padding: 0 !important;
}
.TextCenterImages h3:hover,.TextCenterImages h5:hover{
color: rgb(10,111,221);
}
.TextCenterImages h3,.TextCenterImages p{

color:white;

}


.card {
background-color: rgb(222,224,236);

}

.card img,.TextCenterImages{
transition: all 1.5s;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-ms-transition: all 1.5s;
-o-transition: all 1.5s;
}

.crads:hover .TextCenterImages{

top: 8%;
left: 2%;

}
.crads:hover .overlay{

top: 0%;
left: 0%;

}
.crads:hover img{
transform: scale(.89,.89);
-webkit-transform: scale(.89,.89);
-moz-transform: scale(.89,.89);
-ms-transform: scale(.89,.89);
-o-transform: scale(.89,.89);
}

.crads .overlay{
transition: 1.5s;
position: absolute;
top:110% ;
left: 0;
background-color: rgba(0, 0, 0, .6);
width: 100%;
height: 100%; 
}








/* section Thank You */


.thank{
width: 100%;

background-image: url(../images/bg.webp);
background-size: 100% 100%;
}

.thank .th{
font-family: Poppins, sans-serif;
Font-size: 20px;
Font-weight: 400;
Line-height: 24px;
color: rgb(255, 255, 255)
}

.thank .th1{ 
font-family: "Poppins SemiBold", sans-serif;
Font-size: 36px;
Font-weight: 400;
Line-height: 42px;
color: rgb(255, 255, 255);
}

.thank .th2{
font-family: Poppins, sans-serif;
Font-size: 14px;
Font-weight: 400;
Line-height: 24px;
color: rgb(255, 255, 255);
}
.thank .caption{
width: 70%;
}
.thank .caption button{
background-color: #ffffff;   
font-family: Poppins, sans-serif;
Font-size: 14px;
Font-weight: 600;
Line-height: 24px;
color: rgb(23, 23, 33)
}
.thank .caption .BTNcAPTION:hover{
animation-name: tada;
animation-duration: .5s;
background-color: #F9F9F9;
}

.textBg {
font-family: Poppins, sans-serif;
Font-size: 14px;
Font-weight: 400;
Line-height: 24px;
color: rgb(255, 255, 255)
}

.divSeemore {
 font-weight: 600;
position: relative;

margin-bottom: 30px;
width: max-content;
height: max-content;
z-index: 0;
background-color: #43B02A;
padding: 8px 0;

}

.divSeemore::before {
content: "";
position: absolute;
top: 0;
width: 0;
height: 100%;
background-color: #003057;
transition: 0.7s;
z-index: 1;

}

.divSeemore:hover::before {
width: 100%;
color: white !important;
}

.Objectives a {
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
color: #fff;
min-width: 180px;
padding: 8px 40px;
position: relative;
z-index: 2;
}
.Objectives  a:hover {
color: white;
}



@media (max-width: 600px) {

    #DESIGN8 p{
        font-size: 14px;
        line-height: 28px;
    }
}



/* @media (max-width: 768px) {
   

    .Objectives .haderText1{
        padding-top:1.8rem ;
        font-size: 12px;
    }


    #GoodWith .textcen1{
        font-size: 2.5rem;
        padding-bottom: 10px ;
    }
    #GoodWith .container {
        padding-left:10px  ;
    }

    #GoodWith .textcen2{
        font-size: 1.4rem;
    }

    .adgant .dss i{
        font-size: 2.8rem;
       
    }
    .adgant .dss h4{
        font-size: 14px;
    }


    #Advantages .icon{
        text-align: center;
    }
 

    .thank .container .caption{
        width: 100%;
    }

    
} */










.floatr{
    float: right !important;
    cursor: pointer;
    }
    .clr{
    clear: both;
    }


    #degree{
 
        direction: ltr;
    }